<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        
        <script type="text/javascript" src="js/cordova.js"></script>
        
        
        <!-- jquery -->

        
        <!-- <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile-1.4.0-rc.1.css" />
        
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.icons.min.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/MetroJs.css" />  -->
        <link rel="stylesheet" type="text/css" href="css/jquery/samTheme02.min.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery/jquery.mobile.structure-1.4.0-rc.1.min.css" />
        
        <script type="text/javascript" src="js/jquery/jquery-1.10.2.min.js"></script>
       <!-- <script type="text/javascript" src="js/jquery/MetroJs.min.js"></script> -->
        <script type="text/javascript" src="js/jquery/jquery.mobile-1.4.0-rc.1.min.js"></script>
        
        <title>Testing App</title>
    </head>
    
<body>
	<div data-role="navbar" data-theme="d">
    	<ul>
        	<li><a href="#" class="ui-btn-active" id="btnCancel">Cancel</a></li>
        	<li><a href="#" id="btnSave">Save</a></li>
    	</ul>
	</div><!-- /navbar -->
	
	<div data-role="content">
		<form>
     		<label for="acyr">Semester :</label>
     		<input type="text" data-mini="true" name="acyr" id="acyrId" value="" data-theme="e" data-clear-btn="true">
     		<label for="sDate">Start Date:</label>
     		<input type="date" data-mini="true" name="sDate" id="sDateId" value="" data-theme="a" data-clear-btn="true e">
     		<label for="eDate">End Date:</label>
     		<input type="date" data-mini="true" name="eDate" id="eDateId" value="" data-theme="e" data-clear-btn="true">
     	</form>
	</div>
</body>
</html>